/**
 * Created by maxiaoqiang on 2018/6/25.
 */
import React, {Component} from "react";
import {Link} from "react-router-dom";
import {Layout, Icon, Badge} from 'antd';
const {Header} = Layout;


import "./index.less";

class LayoutHeader extends Component{

    constructor(props){
        super(props);
    }

    render(){
        return(
            <Header className="bkaka-layout-header">
                <div
                    className="trigger-div"
                    onClick={()=>{
                        this.props.toggle()
                    }}
                >
                    <Icon
                        className="trigger"
                        type={this.props.collapsed ? 'menu-unfold' : 'menu-fold'}
                    />
                </div>
                <div className="trigger-div-right">
                    <div className="trigger-card">
                        <Badge>
                            <img className="trigger-avatar" src="http://store.cfun-world.cn/avatar/5837d79d9ad961b3a5fc32f62664e609.png?imageView2/2/w/200/h/200/q/75|imageslim"/>
                        </Badge>
                        <span>
                            <Link to="/login">退出</Link>
                        </span>
                    </div>
                </div>
            </Header>
        )
    }

}

export default LayoutHeader;